<template>
  <el-popover trigger="hover" placement="right" open-delay="200">
        <template>
          <el-table
            :data="row[keyData]"
            style="width: 100%;"
             max-height="550"
            >
            <el-table-column
              prop="showName"
              label="#"
              width="300">
            </el-table-column>
            <el-table-column
              prop="editSon"
              width="180"
              label="操作">
                <template slot-scope="scope">
                  <el-button
                    size="mini"
                    @click="handleSonEdit(scope.$index, scope.row)">{{editTitle}}</el-button>
                </template>
            </el-table-column>
          </el-table>
        </template>
        <div v-if="editTitle" slot="reference" class="name-wrapper">
          <el-tag size="medium">设置</el-tag>
        </div>
      </el-popover>
</template>
<script type="text/javascript">
  define(['vue'],function(vue){
    //注意下面不能使用label
    return vue.component('comp-table-menu-edit',{
      props:['row','index','editTitle','keyData'],
      template:template,
      data : function() {
        return {
          dialogFormVisible:true,
          form:{},
        };
      },
      methods:{
        handleSonEdit : function(index ,row) {
          window.location.href = row.url;
        }
      },
    });
  });
</script>
<style>
</style>